﻿@model IEnumerable<FO.ViewModels.MainMenuGroup>
<ul>
    @foreach (var m in Model)
    {
        <li>
            <a title="@m.menuname" rel="@m.rel" class="@m._class" id="@m.id">
                <span class="vnspan-title">@m.menuname</span>
            </a>
            @if(m.rel != "")
            {
            <ul id="@m.rel" class="@m.ulclass" style="top: 1px; left: 175px; visibility: hidden;">
                @foreach (var s in m.subMenus)
                {
                    if (s.Border == true)
                    {

                        if (s.Span == true)
                        {
                            if (s.Border_Bot)
                            {
                    <li><a href="@s.Links" title="@s.Name">
                        <span class="vnimage-wrapper">
                            <img src="/content/images/@s.Icon" style="margin-top:80px;" alt="@s.Name" />
                        </span>
                        <span class="vnapp-label">@s.Name</span>
                        <span class="vnapp-compare">@FOResource.UI.Layout.compare>></span>
                    </a>
                    </li>
                            }
                            else
                            {
                    <li><a href="@s.Links" title="@s.Name">
                        <span class="vnimage-wrapper">
                            <img src="/content/images/@s.Icon" style="margin-top:80px;" alt="@s.Name" />
                        </span>
                        <span class="vnapp-label">@s.Name</span>
                        <span class="vnapp-compare">@FOResource.UI.Layout.compare >></span>
                    </a>
                        <span class="vnspan"></span>
                    </li> 
                            }
                        }
                        else
                        {
                            if (s.Border_Bot)
                            {
                    <li style="border-bottom: none;">
                        <a href="@s.Links" title="@s.Name">
                            <span class="vnimage-wrapper">
                                <img alt="@s.Name" src="/content/images/@s.Icon" style="margin-top:38px;" />
                            </span>
                            <span class="vnapp-label">@s.Name</span>
                            <span class="vnapp-compare">@FOResource.UI.Layout.compare >></span>
                        </a>
                    </li>
                            }
                            else
                            {
                    <li>
                        <a href="@s.Links" title="@s.Name">
                            <span class="vnimage-wrapper">
                                <img src="/content/images/@s.Icon" style="margin-top:38px;" alt="@s.Name" />
                            </span>
                            <span class="vnapp-label">@s.Name</span>
                            <span class="vnapp-compare">@FOResource.UI.Layout.compare >></span>
                        </a>
                        <span class="vnspan"></span>
                    </li>
                            }
                        }

                    }
                    else
                    {
                        if (s.Span == true)
                        {
                            if (s.Border_Bot)
                            {
                    <li style="border-right: none;">
                        <a href="@s.Links" title="@s.Name">
                            <span class="vnimage-wrapper">
                                <img src="/content/images/@s.Icon" style="margin-top:80px;" alt="@s.Name" />
                            </span>
                            <span class="vnapp-label">@s.Name</span>
                            <span class="vnapp-compare">@FOResource.UI.Layout.compare >></span>
                        </a>
                    </li>
                            }
                            else
                            {
                    <li style="border-right: none;">
                        <a href="@s.Links" title="@s.Name">
                            <span class="vnimage-wrapper">
                                <img src="/content/images/@s.Icon" style="margin-top:80px;" alt="@s.Name" />
                            </span>
                            <span class="vnapp-label">@s.Name</span>
                            <span class="vnapp-compare">@FOResource.UI.Layout.compare >></span>
                        </a>
                        <span class="vnspan"></span>
                    </li>
                            }
                        }
                        else
                        {
                            if (s.Border_Bot)
                            {
                    <li style="border-right: none;">
                        <a href="@s.Links" title="@s.Name">
                            <span class="vnimage-wrapper">
                                <img src="/content/images/@s.Icon" style="margin-top:38px;" alt="@s.Name" />
                            </span>
                            <span class="vnapp-label">@s.Name</span>
                            <span class="vnapp-compare">@FOResource.UI.Layout.compare >></span>
                        </a>
                    </li>
                            }
                            else
                            {
                    <li style="border-right: none;">
                        <a href="@s.Links" title="@s.Name">
                            <span class="vnimage-wrapper">
                                <img src="/content/images/@s.Icon" style="margin-top:38px;" alt="@s.Name" />
                            </span>
                            <span class="vnapp-label">@s.Name</span>
                            <span class="vnapp-compare">@FOResource.UI.Layout.compare >></span>
                        </a>
                        <span class="vnspan"></span>
                    </li>
                            }
                        }
                    }
                }
            </ul>
            }
            else
            {
                
            }
        </li> 
    }
</ul>
